<template>
  <div class="login-box">
    <div class="login-title">
      <!-- <img style="margin-right: 20px; width: 64px; height: 64px" src="../../assets/imgs/mlogo.png" alt="" /> -->
      <span>后台管理登录</span>
    </div>
    <div class="login-content">
      <LoginTab />
    </div>
  </div>
</template>
<script lang="ts">
import { defineComponent } from 'vue'
import LoginTab from './components/LoginTab.vue'

export default defineComponent({
  name: 'LoginPage',
  components: {
    LoginTab
  },
  data() {
    return {
    }
  }
})
</script>

<style scoped lang="less">
.login-box {
  background: url("../../assets/imgs/bg.jpeg") left center no-repeat;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  width: 100%;
  height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding-left: 200px;
  .login-title {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-style: normal;
    font-weight: 700;
    padding-top: 100px;
    font-size: 48px;
    line-height: 46px;
    color: #fff;
    padding-bottom: 40px;
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, PingFang SC, Hiragino Sans GB, Microsoft YaHei,
      Helvetica Neue, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
    font-variant: tabular-nums;
    font-feature-settings: 'tnum';
  }
}
</style>
